import { computed } from 'vue'
import { PC_DEVICE_WIDTH } from '@/constants'
import { useWindowSize } from '@vueuse/core'
/***
 * 判断当前是否为移动设备 通过固定宽度判断
 */
export const isMobileTerminal = computed(() => {
  const { width } = useWindowSize()
  return width.value < PC_DEVICE_WIDTH
})

/***
 * 动态指定rem基准值
 * 根据屏幕宽度计算 导出
 */
export const useREM = () => {
  const MAX_FONT_SIZE = 40
  document.addEventListener('DOMContentLoaded', () => {
    // 监听dom加载完成
    // 获取html
    const html = document.querySelector('html')
    let fontSize = window.innerWidth / 10
    fontSize = fontSize > 40 ? MAX_FONT_SIZE : fontSize
    html.style.fontSize = fontSize + 'px'
  })
}
